
/*移动端登录首页*/
body{background: #e8e9e9; margin-bottom: 100px;}
html{font-size: 14px!important;}
 /*通用*/
 button{outline: none!important;}
.col-xs-12{padding: 8px;}
.bg-f3{background: #f3f3f3!important;}
.line-height30{line-height: 30px!important;}
p{margin-bottom: 0;}
.ft-blue{color: #188dff!important;}
.ft-green{color: #23e092!important;}
.ft-gray{color: #caccd1!important;}
.ft-red{color: #dd2727!important;}
.ft-47{color: #474747}
.ft-e0{color: #e0e0e0}
.ft-99{color: #999}
.input-group-addon{border: none;}
.size-12{font-size: 12px;}
.radius4{border-radius: 4px;}
.m-header{height: 44px;width:100%;color:#fff;line-height: 44px; background: #188dff;text-align: center;font-size: 18px;overflow: hidden;padding: 0 8px;}
.header-back-box{color: #fff;line-height: 44px;font-size: 14px}
.m-header-middle{margin-left: -18px;}
.m-center-title{margin-left: -44px;}
.m-upgread{font-size: 22px;padding-top: 50px;}
.m-upgread-info{line-height: 50px;font-size: 16px;}
.m-upgread-info .col-xs-6{padding: 0 34px;}
.header-back-box span{text-decoration: none;color: #fff;padding-left: 4px;display: inline-block;}
.header-back{width: 10px;display: inline-block;margin-top: -4px;}
.header-clock{width: 16px;margin:-4px 4px 0 0;}
.header-right{float: right;display: inline-block;}
.header-star-btn{padding: 0;margin-right: 8px;}
.size12{font-size: 14px!important;padding: 6px 10px;line-height: 20px;}
.padding-both8{padding: 0 8px;}
.form-control{-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0);border-radius: 0;outline:none!important;}
input{outline:none!important;}
textarea{outline: none!important;}
.keyFill{resize: none!important;height: 20px;vertical-align: middle;border-color: #c3c3c3;}
.input-group .from-control{outline: none;}
.input-group .from-control:focus{outline: none;}
.input-group .from-control:hover{outline: none;}
.search-btn{line-height: 21px;}

 /*收藏效果*/
.header-star{-webkit-appearance:none; width: 20px;height: 20px;margin-top:10px!important; background: url(../images/nav-star-white.png);background-repeat: no-repeat;background-size: 20px;}
.header-star:checked{background: url(../images/nav-star-active.png);background-size: 20px;}

.header-center{display: inline-block;}
.header-card{width: 20px;margin-right: 8px;}
.header-card2{width: 20px;margin: -10px 8px 0 8px;}

.btn-blue{background: #188dff;color: #fff;font-size: 14px;}
.btn-blue:focus{outline: none;color: #fff;}
.btn-blue-line{background: #fff;color: #5d9cec;font-size: 14px;border: 1px solid #188dff;}
.btn-green{background: #23e092;color: #fff;font-size: 14px;}
.btn-yellow{background: #ffdc9c;color: #323232;font-size: 14px;}
.btn-gray{background: #caccd1;color: #fff;font-size: 14px;}

.status-gray{width: 60px;height: 60px;color: #fff; border-radius: 4px;background: #cac9c8;font-size: 14px;text-align: center;line-height: 60px}
.status-gray2{width: 60px;height: 60px;color: #fff; border-radius: 4px;background: #cac9c8;font-size: 14px;text-align: center;padding: 10px 4px}
.status-blue{width: 60px;height: 60px;color:#fff;border-radius: 4px;background: #188dff;font-size: 14px;text-align: center;line-height: 60px}
.status-green{width: 60px;height: 60px;color:#fff;border-radius: 4px;background:#23e092;font-size: 24px;text-align: center;line-height: 60px}
.status-red{width: 60px;height: 60px;color:#fff;border-radius: 4px;background:#fb6a5e;font-size: 24px;text-align: center;line-height: 60px}
.status-orange{width: 60px;height: 60px;color:#fff;border-radius: 4px;background:#FC9900;font-size: 14px;text-align: center;line-height: 60px}

.idx-bg-white{background: #fff;overflow: hidden;padding: 8px}
.idx-bg-gray{background: #f3f3f3;padding: 8px;}

.media-title{font-size: 18px;color: #188dff;}
.media-text{font-size: 14px;color: #676666;}
.media-note{font-size: 12px;color: #676666;}
.media-right{width: 30px;display: inline-block;}

.col-xs-3{padding: 0;}
.m-footer{position:fixed;background: #fff;bottom: 0;text-align: center;padding:5px 0; overflow: hidden;width: 100%;height: 54px;border-top: 1px solid #e0e0e0;}
.footer-tab{text-align: center;color: #474747;float: left;width: 20%;font-size: 12px;}
.footer-tab p{margin-bottom: 4px;}
.tab-img{width: 20px;display: inline-block;}

/*考试*/
.exam-header{background: #e0e0e0;padding: 8px;}
.exam-title{padding: 10px 8px 10 0;}
.exam-title .per_score{color: #b0b0b0;}
.exam-ipt-aera{width: 100%;resize:none;border: 1px solid #e0e0e0;}
.exam-submit-bar{margin-bottom: 20px}
.exam-next-bar {margin-bottom: 20px;}
.exam-radio-bar .radio{padding-bottom: 10px;font-size: 14px;line-height: 19px;}
.exam-ipt{width: 100%;line-height: 30px;border: 1px solid #188dff}
.exam-radio{-webkit-appearance:none;background: #000;width: 20px;height: 20px;margin-top: -3px!important;margin-right: 4px!important;}
.radio-a{background: url(../images/check-a-line.png);background-size: 20px 20px;background-repeat: no-repeat;background-position: center;}
.radio-a:checked{background: url(../images/check-a.png);background-size: 20px 20px;background-repeat: no-repeat;background-position: center;}
.radio-b{background: url(../images/check-b-line.png);background-size: 20px 20px;background-repeat: no-repeat;background-position: center;}
.radio-b:checked{background: url(../images/check-b.png);background-size: 20px 20px;background-repeat: no-repeat;background-position: center;}
.radio-c{background: url(../images/check-c-line.png);background-size: 20px 20px;background-repeat: no-repeat;background-position: center;}
.radio-c:checked{background: url(../images/check-c.png);background-size: 20px 20px;background-repeat: no-repeat;background-position: center;}
.radio-d{background: url(../images/check-d-line.png);background-size: 20px 20px;background-repeat: no-repeat;background-position: center;}
.radio-d:checked{background: url(../images/check-d.png);background-size: 20px 20px;background-repeat: no-repeat;background-position: center;}
.radio-e{background: url(../images/check-e-line.png);background-size: 20px 20px;background-repeat: no-repeat;background-position: center;}
.radio-e:checked{background: url(../images/check-e.png);background-size: 20px 20px;background-repeat: no-repeat;background-position: center;}
.radio-f{background: url(../images/check-f-line.png);background-size: 20px 20px;background-repeat: no-repeat;background-position: center;}
.radio-f:checked{background: url(../images/check-f.png);background-size: 20px 20px;background-repeat: no-repeat;background-position: center;}
.radio-g{background: url(../images/check-g-line.png);background-size: 20px 20px;background-repeat: no-repeat;background-position: center;}
.radio-g:checked{background: url(../images/check-g.png);background-size: 20px 20px;background-repeat: no-repeat;background-position: center;}
.radio-right{background: url(../images/check-right-line.png);background-size: 20px 20px;background-repeat: no-repeat;background-position: center;}
.radio-right:checked{background: url(../images/check-right.png);background-size: 20px 20px;background-repeat: no-repeat;background-position: center;}
.radio-wrong{background: url(../images/check-wrong-line.png);background-size: 20px 20px;background-repeat: no-repeat;background-position: center;}
.radio-wrong:checked{background: url(../images/check-wrong.png);background-size: 20px 20px;background-repeat: no-repeat;background-position: center;}


/*设置*/
.set-bg-white{background: #fff;border-bottom: 1px solid #f0f0f0;padding: 4px;}
.set-bg-gray{background: #f0f0f0;border-bottom: 1px solid #f0f0f0;padding: 4px;}
.set-bg-white span{padding-left: 4px;}
.set-icon{width: 20px;margin-top: -4px;}
.set-badge{display: inline-block;width: 24px;height: 24px;border-radius: 4px;background: #fb6a5e;line-height: 24px;text-align: center;color: #fff;margin-left: 4px;}
.set-top30{margin-top: 100px;margin-bottom: 40px;}
.set-jine-bar{font-size: 20px;}

/*登录*/
.border-bottom-ff{border-bottom: 1px solid #fff}
.margin-top30{margin-top: 30px;}
.login-ipt-bar{margin-bottom: 0!important;background: #fff;padding: 10px;border-bottom: 1px solid #e0e0e0;}
.login-ipt-bar input{width: 80%;border: 0;background: #fff;color: #323232;font-size: 16px!important;}
/*.login-ipt-bar input::-webkit-input-placeholder{color: #fff}*/
.login-logo{width: 100%;margin-top: 30px;}
.login-icon{width: 20px;margin-left: 10px;margin-right: 4px;}
.sign-btn{line-height: 26px;font-size: 14px;}
.login-mail-input{border-top-left-radius: 4px;border-bottom-left-radius: 4px;height: 36px;}
.col-xs-2.user-xing{padding: 10px 0 0 8px;line-height: 40px;padding-right: 20px;}
.col-xs-10{padding: 10px 0 0 8px;}
.user-check-dui{width: 10px;padding-top: 24px;margin-left: -10px;float: right;}
.signup-tips{padding-top: 0;padding-bottom: 0;color: #ff282d;}

/*错题本*/
.check-item label{font-weight: 400!important;font-size: 14px;line-height: 26px;}
.check-true{display: inline-block;width: 26px;height: 26px;border-radius: 24px;background: #23e092;text-align: center;line-height: 26px;color: #fff;margin-right: 4px;margin-top: -10px!important;}
.check-false{display: inline-block;width: 26px;height: 26px;border-radius: 24px;background: #fb6a5e;text-align: center;line-height: 26px;color: #fff;margin-right: 4px;margin-top: -10px!important;}
.answer-bar{background: #fff;padding: 8px;}
.answer-bar .col-xs-4{padding: 0;}
.check-mark{width: 30px;}

/*修改密码*/
.passwd-ipt{border: none;margin-left: 5px;outline: none;}

/*答题卡*/
.card-content{background: #fff;padding: 8px;margin-top: 0px;border-bottom: 1px dashed #e0e0e0}
.card-content .col-xs-1,.col-xs-11{padding: 0;}
.card-content-title{font-size: 16px;color: #323232}
.card-num-box{display: inline-block;position: relative;margin: 10px 4px 0;}
.card-num{display: inline-block;width: 30px;height: 30px;border-radius: 4px;background: #188dff;color: #fff;font-size: 14px;text-align: center;line-height: 30px;}
.card-star{width: 18px;position: absolute;top: -8px;right: -6px;}
.card-now{border: 1px solid #188dff;border-radius: 4px;padding: 2px;}
.card-now .card-num{width: 26px;height: 26px;line-height: 26px;}
.card-todo{border: 1px solid #188dff;border-radius: 4px;}
.card-todo .card-num{background: #fff;color: #188dff;}
.card-btn-box{background: #fff;padding: 20px;}
.card-modal{top: 120px;}
.card-link-btn{color: #323232;padding: 0}
.card-link-btn:hover{text-decoration: none;}
.card-submit-btn{border-left: 1px solid #e0e0e0;padding: 0 10px 0;}
.card-submit-btn:hover{text-decoration: none;}


/*完成考试*/
.finish-title{text-align: center;font-size: 30px;color: #188dff;padding: 40px 20px;}
.finish-info{padding: 20px 10px;text-align: center;}
.finish-icon{width: 20px;}


/*考试结果*/
.pop-test1, .pop-test2, .pop-test3, .pop-test4{ width:385px; height:348px}
.pop-test1 h3, .pop-test2 h3, .pop-test3 h3, .pop-test4 h3{ color:#fff; font-size:16px; height:46px; line-height:46px; text-align:center; -moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;}
.pop-test1 h3{ background-color:#ff6e33;}
.pop-test2 h3{ background-color:#22ac38;}
.pop-test3 h3{ background-color:#188dff;}
.pop-test4 h3{ background-color:#959595;}
.pop-test1 h3 em, .pop-test2 h3 em, .pop-test3 h3 em, .pop-test4 h3 em{ width:16px; height:16px; display:inline-block; background-position:-55px 0; margin:0 10px 0 0}
.pop-test1 .cont, .pop-test2 .cont, .pop-test3 .cont, .pop-test4 .cont{ background-color:#f6f6f6; height:302px; text-align:center; -moz-border-radius:0 0 3px 3px;-webkit-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px}
.pop-test1 .btn-div, .pop-test2 .btn-div, .pop-test3 .btn-div, .pop-test4 .btn-div{ margin:30px 0 0 0}
.pop-test4 .btn-div{ margin:0}
.pop-test1 .btn-div button, .pop-test2 .btn-div button, .pop-test3 .btn-div button, .pop-test4 .btn-div button{ margin:0; width:184px}
.pop-test1 p, .pop-test2 p{ padding:40px 0}
.pop-test1 b, .pop-test2 b, .pop-test3 b{ font-size:28px; font-style:normal}
.pop-test1 span, .pop-test2 span{ font-size:28px;}
.pop-test1 span{ color:#ff6e33}
.pop-test2 span{ color:#22ac38}
.pop-test3 span{ color:#474747; font-size:18px; display:inline-block; width:216px; margin:60px auto}
.pop-test3 span b{ color:#ff6e33; font-size:18px; font-weight:normal}
.pop-test4 span{ color:#474747; font-size:18px; display:inline-block; width:216px; margin:60px auto}
.pop-test4 span b{ color:#ff6e33; font-size:18px; font-weight:normal}
.pop-test4 .btn-weaken{ width:184px; height:36px; background:transparent; border:none; font-size:16px}
/*modal style*/
.modal-header {background-color: #5d9cec;color: #fff;font-size: 16px;margin: 0px !important;padding: 5px 25px !important;text-align: center;}
.modal-body{text-align: center;line-height: 28px;font-size: 1.3em;color: #666;}
.modal-body .btn-blue{background: #5d9cec;}
